<%@ page language="java" pageEncoding="utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<%@taglib prefix="c" uri="http://java.sun.com/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@ include file="/inc.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>闪耀先生-礼品卡</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<!-- style -->
<link href="${pageContext.request.contextPath }/vip/css/usercenter.css"
	rel="stylesheet">
</head>
<body>
	<!--提示遮罩层-->
	<div id="overShow" class="overtips" style="display: none;">
		<img src="${pageContext.request.contextPath }/vip/images/tips.png">
	</div>
	<!--E .overtips-->
	<!--提示遮罩层-->

	<div class="invitbox">
		<img src="${pageContext.request.contextPath }/vip/images/giftcard.jpg">
	</div>
	<!--E .invitbox-->


	<div class="block buy text-center newpstyle">
		<h3>
			Mr.Shine设计师精选白色商务定制衬衫
			<p class="org">￥500</p>
		</h3>
		<div class="btnbox">
			<a href="##" onclick="javascript:btn_submit();" class="btn-org">赠送衬衫</a>
			<!--点击后，用上面那个遮罩层提示右上角发送给好友并生成待付款订单放到我的订单里-->
		</div>
		<p style="color: #333; margin-top: 2rem;">请将衬衫赠送给陪伴你十年以上的好朋友，定制的才最尊贵。</p>
	</div>
	<!--E .block-->









</body>

<script src="<%=basePath%>js/jquery-1.10.1.min.js"></script>
<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"
	type="text/javascript"></script>
<script>

var t = ${wxJsApiBean.timestamp};
//var jsApiList = ${wxJsApiBean.jsApiList};
//var hideMenuList = ${wxJsApiBean.hideMenuList};
wx.config({

    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。

    appId: '${wxJsApiBean.appId}', // 必填，企业号的唯一标识，此处填写企业号corpid

    timestamp: t, // 必填，生成签名的时间戳

    nonceStr: '${wxJsApiBean.nonceStr}', // 必填，生成签名的随机串

    signature: '${wxJsApiBean.signature}',// 必填，签名，见附录1

    jsApiList: [${wxJsApiBean.jsApiList}] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2

});


wx.error(function(res){

    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。

	alert(res.errMsg);

});


	wx.ready(function() {

		//config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。

		wx.hideMenuItems({
		      menuList: [
		        ${wxJsApiBean.hideMenuList}
		      ],
		      success: function (res) {
		        //alert('!!');
		      },
		      fail: function (res) {
		        alert(JSON.stringify(res));
		      }
	    });
		wx.onMenuShareAppMessage({
		    title: '闪耀先生，时尚与商务的平衡大师。', // 分享标题
		    desc: 'Mr.Shine设计师精选纯棉商务定制衬衫，定制的才最珍贵。', // 分享描述
		    link: 'http://www.mrshine.cn/sjcf_root/public/vipAction!sendGiftCardWx.action?${invUrl}', // 分享链接
		    imgUrl: 'http://www.mrshine.cn/sjcf_root/vip/images/sgiftcard.jpg', // 分享图标
		    type: 'link', // 分享类型,music、video或link，不填默认为link
		    dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
		    success: function (res) { 
		        // 用户确认分享后执行的回调函数
		        //alert(res);
		        var strs = '${invUrl}'.split("&");
		        //alert(strs[1]);
		        if(strs.length == 2){
		        	$.ajax({
						type:'post',
						url:'<%=basePath%>public/vipAction!moveGiftCard.action',
						dataType : 'json', 
						data : {"fdType":'${fdType}',"openId":strs[1].split("=")[1],"code":strs[0].split("=")[1]},
						timeout:60000,
						success: function (json_str){
							  var temp = eval(json_str);  
							  //alert(temp.message);
							  location.href = "${pageContext.request.contextPath}/public/vipAction!goVipCenterWx.action";
						}
					});
		        }
		    	
		    },
		    cancel: function () { 
		        // 用户取消分享后执行的回调函数
		    }
		});

	});
	function btn_submit(){
		var i = ${vip.csTicket};
		if(i <= 0){
			alert("您的礼品卡不足!");
			return;
		}
		$("#overShow").css('display',''); 
	}

	function _subPay(giftCardId){
		
		 $.ajax({
				type:'post',
				url:'<%=basePath%>public/vipAction!payGiftCard.action',
				dataType : 'json', 
				data : {"orderId":giftCardId,"openId":'${openId}'},
				timeout:60000,
				success: function (json_str){
					var temp = eval(json_str); 
					 if(temp.code != "success"){
						  alert(temp.message);
					  }else{
						  WeixinJSBridge.invoke('getBrandWCPayRequest',
							  	   {
							  	   "appId" : temp.appId,     //公众号名称，由商户传入     
						           "timeStamp":temp.timeStamp,         //时间戳，自1970年以来的秒数     
						           "nonceStr" : temp.nonceStr, //随机串     
						           "package" : temp.package,     
						           "signType" : "MD5",         //微信签名方式:     
						           "paySign" : temp.paySign//微信签名 
							  	   },
							  	  function(res){
			                          if(res.err_msg == "get_brand_wcpay_request:ok" ) {
			                          	//交易成功
			                        	  _updateGiftCard(temp.orderId);
			                          }else{
			                          	alert("交易失败!"+res.err_msg);
			                          }
			                          // 使用以上方式判断前端返回,微信团队郑重提示：res.err_msg将在用户支付成功后返回ok，但并不保证它绝对可靠。
			                          //因此微信团队建议，当收到ok返回时，向商户后台询问是否收到交易成功的通知，若收到通知，前端展示交易成功的界面；若此时未收到通知，商户后台主动调用查询订单接口，查询订单的当前状态，并反馈给前端展示相应的界面。
		                          }); 
					  }
					 
				}
			});
	 }
	 function _updateGiftCard(orderId){
		 $.ajax({
				type:'post',
				url:'<%=basePath%>public/vipAction!updateGiftCard.action',
				dataType : 'json', 
				data : {"orderId":orderId},
				timeout:60000,
				success: function (json_str){
					 alert(json_str);
				}
			});
		 location.href = "${pageContext.request.contextPath}/public/vipAction!goVipCenterWx.action";
	 }
</script>
</html>